<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>open方法</title>
    <script>
        function f1(){
            // window.open();
            open();
        }
        function f2(){
            open("01-hello.html");
        }
        function f3(){
            // let win = open("01-hello.html","myOpen","width=300px,height=300px");
            let win = open("40-url.html","myOpen","width=300px,height=300px");
        }
        function f4(){
            // 返回值即为当前所打开的窗口window对象
            let win = open("01-hello.html","myOpen","width=300px,height=300px");
            // 关闭的时候,谁调用关闭方法就关闭谁
            win.close();
        }
        function f5(){
            // 返回值即为当前所打开的窗口window对象
            let win = open("01-hello.html","myOpen","width=300px,height=300px");
            // 使用延迟函数实现三秒后执行关闭操作
            // 参数一:表示所执行的函数内容
            // 参数二:表示过多少毫秒之后执行指定的函数内容
            setTimeout(function(){
                win.close();
            },3000);
        }
        function f6(){
            // 使用周期性函数执行指定的函数
            // 参数一:表示所执行的函数内容
            // 参数二:表示每隔多少毫秒执行一次指定的函数内容
                // 无限执行
            setInterval(function(){
                open("01-hello.html","myOpen","width=300px,height=300px");
            },1000);
        }
        function f7(){
            // 使用周期性函数执行指定的函数
            // 参数一:表示所执行的函数内容
            // 参数二:表示每隔多少毫秒执行一次指定的函数内容
                // 无限执行
            let s = setInterval(function(){
                open("01-hello.html","myOpen","width=300px,height=300px");
            },1000);
            // 过10秒后取消
            setTimeout(function(){
                clearInterval(s);
            },6000);

        }
    </script>
</head>
<body>
<button onclick="f1()">打开一个新的标签页</button><br/>
<button onclick="f2()">打开一个指定url的标签页</button><br/>
<button onclick="f3()">打开一个小窗口</button><br/>
<button onclick="f4()">打开并关闭小窗口</button><br/>
<button onclick="f5()">打开后三秒关闭小窗口</button><br/>
<button onclick="f6()">周期性函数</button><br/>
<button onclick="f7()">周期性执行5次函数</button><br/>
</body>
</html>